<template>
	<view class="position-card">
		<view class="position-card-top">
			<view class="crad-title">{{CardData?.title}}</view>
			<view class="crad-pay-time-box">
				<view class="pay-text">{{CardData?.pay}}</view>
				<view class="time-text">{{CardData?.releaseTime}}</view>
			</view>
			<view class="tags-list">
				12312312
			</view>
		</view>
	</view>

</template>

<script setup>
	import { defineProps, reactive } from 'vue'
	const props =defineProps({
		CardData: {
			type: Object,
			default: () => ({
				title: '曹县招聘操盘手10k-100k提供车房',
				pay: '10k~100k',
				releaseTime: '刚刚',
				tags: ['0','1','2','3','4'],
				name:'xx经理',
				position: 'CEO',
				district: '曹县全市'
			})
		}
	})
	const mapTagsKeyVals = [
		['0', '经验不限'],
		['1', '学历不限'],
		['2', '加班补贴'],
		['3', '坏境好'],
		['4', '高大上'],
	]
	const mapTags = reactive(new Map(mapTagsKeyVals))
	
</script>

<style lang="scss" scoped>
	.position-card {
		height: 235rpx;
		background: #fff;
		border-radius: 15rpx;
		padding: 15rpx;
		margin: 20rpx;
		.position-card-top {
			.crad-title {
				font-size: 18px;
				font-weight: 500;
			}
			.crad-pay-time-box {
				display: flex;
				justify-content: space-between;
				padding: 10rpx 0;
				.pay-text {
					color: #e25923;
					font-size: 18px;
					font-weight: 500;
				}
				.time-text {
					color: #9c9c9c;
					font-weight: 300;
				}
				
			}
		}
	}
</style>